.c-red{ color:#f55d57}
.bg-red{  background-color:#f55d57}
.c-red1{ color:#ff7b43}
.bg-red1{  background-color:#ff7b43}
.c-red2{ color:#cf000e}
.bg-red2{  background-color:#cf000e}

.c-yellow{ color:#ec7213}
.bg-yellow{  background-color:#ec7213}
.c-yellow1{ color:#ffd35c}
.bg-yellow1{  background-color:#ffd35c}


.c-blue{ color:#326ac7}
.bg-blue{ background-color:#326ac7}
.c-blue1{ color:#7ccbe2}
.bg-blue1{ background-color:#7ccbe2}
.c-blue2{ color:#3fbaea}
.bg-blue2{ background-color:#3fbaea}

.c-green{ color:#75ddb1}
.bg-green{  background-color:#75ddb1}

.c-gray{ color:#c2bfbf}
.bg-gray{ background-color:#c2bfbf}
.c-gray1{ color:#a2a2a3}
.bg-gray1{ background-color:#a2a2a3}
.c-gray2{ color:#f7fbff}
.bg-gray2{ background-color:#f7fbff}

.text-line{text-decoration:underline}
.margin-left10{ margin-left:10px}
.margin-left20{ margin-left:20px}
.linec1{ border-bottom:#CCC 1px solid}

.f_left{ float:left}
.f_right{ float:right}
.font_size1{ font-size:1em}
.font_size11{ font-size:1.1em}
.font_size12{ font-size:1.2em}
.font_size13{ font-size:1.3em}
.font_size14{ font-size:1.4em}
.font_size15{ font-size:1.5em}
.font_size16{ font-size:1.6em}

.input20{ width:20%}
.input30{ width:30%}
.input40{ width:40%}
.input50{ width:50%}
.input60{ width:60%}
.input70{ width:70%}
.input80{ width:80%}
.input90{ width:90%}
.input100{ width:100%}

.select20{ width:20%}
.select30{ width:30%}
.select40{ width:40%}
.select50{ width:50%}
.select60{ width:60%}
.select70{ width:70%}
.select80{ width:80%}
.select90{ width:90%}
.select100{ width:100%}

.margin-top20{ margin-top:20px}

@media (max-width: 768px){.margin-top20{ margin-top:10px}}